<template>
  <view class="classLayout pageBg">
	  <custom-nav-bar title="分类"/>
	  <view class="classify">
		  <theme-item v-for="item of classifyList" :key="item._id" :item="item" ></theme-item>
	  	
	  </view>

  </view>
</template>

<script setup>
import { ref } from 'vue'
import { apiGet } from '@/api/apis.js';
import { onLoad } from '@dcloudio/uni-app';


const classifyList = ref()

onLoad(async () => {
classifyList.value = (await apiGet('classify',{pageSize:15})).data;
});


</script>
<style scoped lang="scss">
	.classLayout{
		.classify{
			padding: 30rpx;
			display: grid;
			grid-template-columns: repeat(3,1fr);
			gap: 15rpx;
		}
	}
</style>
<style></style>
